亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定

如何實現“新手引導”效果

江老實 Web前端工程師
難度初級
時長50分
學習人數
綜合評分9.63
118人評價 查看評價
9.6 內容實用
9.6 簡潔易懂
9.7 邏輯清晰
簡介:通過本案例,你將會學習如何制作蒙版,詳細了解絕對定位的方法,全面掌握cookie的設定,更重要的是能夠用原生JavaScript代碼和JQuery兩種方式來對“新手引導”中引導單元的依次顯示。

第1章 新手引導簡介

對案例的最終實現效果進行展示,并把這個效果的實現思路進行詳細分析。

第2章 HTML結構介紹

對實現案例效果的HTML結構布局進行逐步實現,添加蒙版、定義父塊及各個引導單元。

第3章 網頁蒙版設置

對網頁蒙版的高度、位置、透明度及瀏覽器的兼容情況進行詳細講解。

第4章 引導單元定位

對父塊的寬度、位置、背景等參數進行設置,并且利用絕對定位的方法對各個引導小單元進行定位。

第5章 JavaScript控制引導單元的顯示

首先對引導單元的邏輯順序進行分析,通過編寫JavaScript原碼,實現對各個引導單元的顯示順序進行控制。

第7章 另外一種交互實現方式——jQuery

對JavaScript源碼實現的引導單元的顯示效果,用jQuery進行簡化。

第8章 總結

這個案例中所用的知識點你都學會了嗎?最后來回顧一下,一定要練習呀!
課程須知
1.對div和css相關內容精通掌握;2. 具有一定的JavaScript和JQuery知識基礎
老師告訴你能學到什么?
1.掌握“新手引導”的實現思路 2.了解html結構布局 3.掌握簡便的定位方法 4.學會用 原生JavaScript代碼和JQuery兩種方式實現依次顯示效果

微信掃碼,參與3人拼團

微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號

友情提示:

您好,此課程屬于遷移課程,您已購買該課程,無需重復購買,感謝您對慕課網的支持!